IOS开发 - 简单的加法计算器swift版本

近日开始学习IOS开发。想找一个简单版本较新的IOS开发教程都很难:(1)现在找的很多都是object-C的,不是swift的,(2)老版与最新版本swift中很多语法也不适配,(3)Xcode版本和用法也不一样。

因此,今天自己写一个最简单的教程,用于swift入门,记录自己的学习。

基础步骤

基础步骤就是项目类型、项目名称、项目位置的选取。

1.创建APP

1061D097-18CB-43D0-A701-5DF5918FB88E

2.项目类型为 简单的view

4021D54C-0657-4AA8-9610-E0393E03AAEA

3.项目名称:加法计算器

7C7A1489-82F4-4F89-A87C-93E943324EA3

4.结果

A075F8B3-0D21-42D0-AC6C-CBA8AC63B9FE

界面拖拽

1、打开故事版,找到UI部件框,搜索需要的部件——输入框、Label、按钮

68EBAC3B-FD47-4C50-816C-7E0169DC7107

2、拖拽部件、部件位置布局、部件更名,右边为其结果

BC40DB01-3FBF-4972-86D0-F473C6647E9E

3、选择展示设备、选择运行设备、运行程序查看结果

EA81D28C-063D-46F5-89F4-100F2D75CCCB

4、运行结果,布局已经实现

580DC3ED-D9A5-419E-8337-990CDC447ECE

功能实现

输入框定义

1、左右展示storyboard与ViewController文件,用于拖拉式实现部件定义和部件功能添加。

B4BFB232-5F12-4740-9B05-305DE0989FBC

2、方式1:text部件定义,按住control,鼠标拖拽至ViewController对应空白处,接着添加名称以及修改属性。

D734C7D6-C317-4E9C-9926-91300B096083

方式2:输入语句,将代码前的空心点拖拽左边的UITextField

@IBOutlet weak var sum: UITextField!

image-20190225172328880

3、定以后的结果如下。

使用方式1拖拽num1,num2定义,使用代码和空心圈绑定至左边UITextField。

80C54522-C287-47AA-87A7-D14554F9E564

按钮功能

1、添加Action作为响应

image-20190225172930677

生成如下的代码,我们可以将功能函数写在calculate方法的代码内

image-20190225173114660

2、编写计算的代码和清空的代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//计算方法
//sum = num1+num2
@IBAction func calculate(_ sender: Any) {
//1.Option类型转为String:XX!
//2.String类型转为Int: Int(XX)!
let value1:Float = Float(num1.text!)!
let value2:Float = Float(num2.text!)!
//3.Int类型转为String:String(XX)
let result:String = String(value1+value2)
//4.改变结果框的颜色
sum.textColor = UIColor .cyan
//5.sum.text 展示的类型为String
sum.text = result

}

//重置方法
@IBAction func reset(_ sender: Any) {
//清空输入框的内容
num1.text = ""
num2.text = ""
sum.text = ""
}

3、结果,可以实现浮点数相加的功能

image-20190225190104379

项目源码

ViewController代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
//
// ViewController.swift
// Calculation_add
//
// Created by iris on 2019/2/25.
// Copyright © 2019 iris. All rights reserved.
//

import UIKit

class ViewController: UIViewController {

//UITextField的定义
@IBOutlet weak var num1: UITextField!
@IBOutlet weak var num2: UITextField!
@IBOutlet weak var sum: UITextField!

override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
}

//计算方法
//sum = num1+num2
@IBAction func calculate(_ sender: Any) {
//1.Option类型转为String:XX!
//2.String类型转为Int: Int(XX)!
let value1:Float = Float(num1.text!)!
let value2:Float = Float(num2.text!)!
//3.Int类型转为String:String(XX)
let result:String = String(value1+value2)
//4.改变结果框的颜色
sum.textColor = UIColor .cyan
//5.sum.text 展示的类型为String
sum.text = result
}

//重置方法
@IBAction func reset(_ sender: Any) {
//清空输入框的内容
num1.text = ""
num2.text = ""
sum.text = ""
}
}

下载资源 CSDN资源

https://download.csdn.net/user/katherine_java/uploads